<template>
  <div class="payInfo">
     <div class="isPay">
      <p class="payorder">待支付</p>
      <p class="paytrue">确认收货后，获得<span>34</span>积分</p>
      <p class="date">预计2月15日送达</p>
       <div class="look">
        <span>查看订单</span>
        <span>继续逛</span>
     </div>
     </div>
      <div class="info">
    <div class="pay-info-bottom">
        <p>姓名</p>
        <p class="phone">188**9903</p>
        <p class="address-bottom">北京市昌平区宏福科技园</p>
    </div>
  
        <div class="pay-selected">
        <span class="pay-zhifu">支付方式</span>
        <span>未选择</span>
        </div>
    <div class="pay-fu">
         <span class="fu">实付</span>
        <span class="jiage">358</span>
    </div>
   </div>
  </div>
</template>

<script>
export default {
data() {
    return {
        
    }
},
}
</script>

<style lang="less">
.payInfo{
    height: 100vh;
    background: rgb(238, 238, 238);
    
     width: 100%;
   .info{
       background: white;
       margin-top: 10px;
       padding: 10px 15px;
       font-size: 14px;
   .pay-info-bottom{
       .phone{
           margin: 8px 0;
       }
       border-bottom: 1px solid #ccc;
       padding-bottom: 10px;
   }
   .pay-selected{
       margin-top: 10px;
       .pay-zhifu{
           color:rgb(178, 178, 182);
           margin-right: 15px;
       }
      
   }
    .pay-fu{
        margin-top: 10px;
          .fu{
              color: red;
              margin-right: 42px;
          } 
        
       }
   
   }
    
    .isPay{
       .look{
           display: flex;
          justify-content: space-evenly;
          span{
              width: 100px;
              height: 30px;
              border: 1px solid #ccc;
              text-align: center;
              font-size: 14px;
              line-height: 30px;
          }
          
       }
        background: white;
        height: 180px;
        padding-top: 30px;
        text-align: center;
       
        .date{
font-size:13px;
margin-bottom: 20px;
        }
        .payorder{
            color: green;
            font-size: 24px;
            margin: 5px 0;
        }
        .paytrue{
            font-size:13px;
            span{
                color: red;
            }
        }
      
      
    }
}

</style>